/**
 * reference: 
 * common: font-size: 10px; and bigger: font-size: 12px;
 */

body {
	background-color: #f7f7f7;
}
	

	.info-card {
		/*margin-bottom: 12px;*/
		height:143px;
		background-size:cover;
		background-repeat:no-repeat;
		background-image:url('../images/pic_bg.png');
		/*padding-top:45px;*/
		position:relative
	}

	.info-card > a  {
	    font-size: 20px;
	    color: #fff;
	    position: absolute;
	    top: 4px;
	    right: 3px;
	    padding: 12px;
		
	}

	.info-card > a > i {
		background:url(../images/btn_setting.png) no-repeat center center;
		background-size:100%;
		width: 23px;
		height: 23px;
		display: block;
	}

	.info-card > div {
		position:relative;
		top:45px; 
	}

	.info-card > div > .avatar {
		float:left;
		margin-left:14px;
		border-radius: 50%;
		background-color: #fff;
		width: 75px;
		height: 75px;
		overflow:hidden;
		border: 3px solid #eea4b1
	}

	.info-card > div > .avatar > img {
		/*width: 100%;*/
		width: 75px;
		height: 75px;
	}
 
	.info-card > div > .content {
		margin-left: 105px;
		/*padding-top:21px;*/
		color:#fff;
		
		/*padding-top:8px;*/
		padding-top: 3px;
	}
	
	.info-card > div > .content > h3 {
		font-size: 18px;
		font-weight: normal;
	    position: relative;
    	top: -4px;
	}

	.info-card > div > .content > h3 > span > i.star, .info-card > div > .content > h3 > span > i.diamond {
		background:url('../images/icon_star.png') no-repeat center center;
		background-size:100%;
		display: inline-block;
		width: 13px;
		height: 13px;
		margin-right: 4px;
		margin-top: -5px;
		vertical-align: middle;
	}

	.info-card > div > .content > h3 > span > i.diamond {
		background-image:url('../images/pic_dls.png');
		background-repeat: no-repeat;
		background-position: center;
	}

	.info-card > div > .content > h3 > span:first-child {
		margin-right:18px;
	}

	.info-card > div > .content > p {
		font-size: 14px;
	}

	.card1 {
		margin-bottom: 8px;
		background-color: #fff;
	}

	.card1 >  .top {
		height:47px;
		margin:0 15px;
		border-bottom: 1px solid #e5e5e5; 
	}

	.card1 >  .top:hover {
		opacity: 0.7;
	}

	.card1 >  .top > div > .icon {
		float:left;
		font-size: 14px;
		color: #333;
	}

	.card1 >  .top > div {
		position:relative;
		top: 10px;
		font-size: 12px;
	}

	.card1 >  .top > div > a {
		display:inline-block;
		color: #999;
		font-size: 12px;
	}

	.card1 >  .top > div >a > i {
		width: 25px;
		height: 25px;
		 border-radius: 2px;
		 background: url('../images/btn_return.png') no-repeat;
		 display: inline-block;
		 background-size: 15px; 
		 vertical-align: middle;
		 background-position: right 8px;
	}

	.card1 >  .top > div >a > span {
		position: relative;
		top: 4px;
	}

	.card1 >  .top > div:after {
		content: '';
		display:table;
		clear: both;
	}

	.card1 >  .top > div > .icon > div {
		width:25px;
		height:25px;
		border-radius:2px;
		background: url('../images/btn_prize.png') no-repeat center center;
		
		margin-right:8px;
		display:inline-block;
		background-size: 100%;
		vertical-align: middle;
		position:relative;
		top: 2px;
	}

	.card1 >  .top > div > .icon > span {
		position: relative;
		top: 4px;
    	/*margin-left: -7px;*/
	}

	.card1 > .bottom {
		height: 80px; 
		text-align:center;
		text-align:center;
	}

	.card1 > .bottom .content {
		display: block;
		font-size:12px;
	}

	.card1 > .bottom .content > img{
		width:23px;
		height:23px;
		/*border-radius:50%;*/
		margin-bottom: 11px;
	}

	.card1 > .bottom .content {
		position:relative;
		top: 18px;
	}

	.operate {
		margin-bottom: 8px;
		background-color:#fff;
		height: 80px; 
	}

	.operate .point {
		display:block;
		border-right:1px solid #ccc;

	}

	.operate .balance, .operate .point  {
		position:relative;
		top:24px;
		display: block;
	}

	.operate .balance:after, .operate .point:after {
		display:table;
		content: '';
		clear:both;
	}

	.operate .balance > div, .operate .point > div {
		width:100px;
		margin-right:50px;
		text-align: center;
		position: relative;
		text-align: center;
		margin-left:10px;
 	}
	
	.operate .point > div > h3,.operate .balance > div > h3 {
		font-size: 18px;
		color: #db3855;
		font-weight: normal;
		
		/*margin-left: 10px;*/
	}

	.operate .point > div > span,.operate .balance > div > span {
		font-size: 12px;
	}

	.operate .balance > a,.operate .point > a {
		position: absolute;
	    right: 0px;
    	top: 8px;
    	margin-right: 15px;
    	width: 43px;
    	padding: 0px;
	}

	.arrow-right {
	    position: relative;
	    right: 21px;
	    top: -10px;
	}
